img {border: 0px;}
* {margin: 0;padding: 0;}
a {color: #2e46a2;text-decoration: none;cursor: pointer;}
a:hover {color: #e36e1f;}
html {width: 100%;height: 100%;}
#areas-element #area,#allarea {height: 200px;}
.clear {clear: both;height: 0;overflow: hidden;}
#header {background: url("../img/bg_header.jpg");width: 100%;}
#wrapper {width: 100%;height: auto;min-height: 100%;position: relative;}
#logo {float: left;margin: 0 10px 10px 40px;}
#acc_info {float: right;width: auto;top: 15px;right: 20px;background-color: #FAFAFA;background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);background-repeat: repeat-x;border: 1px solid #D4D4D4;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);position: relative;}
#acc_info div {margin: 10px;font-weight: bold;}
#acc_info ul {clear: right;float: right;font-weight: bold;line-height: 42px;margin: 0;text-align: center;width: auto;}
#acc_info ul li {display: block;height: 42px;width: auto;margin: 0 15px;}
#acc_info a.logout {background: url("../img/logout.png") no-repeat scroll left 0 transparent;cursor: pointer;display: block;height: 32px;line-height: 35px !important;padding-left: 40px !important;margin-left: 10px;position: relative;top: 2px;}
#acc_info a.home {background: url("../img/home.png") no-repeat scroll left 0 transparent;cursor: pointer;display: block;height: 32px;line-height: 35px !important;padding-left: 40px !important;margin-left: 10px;position: relative;top: 2px;}
.line {background: url("../img/line.jpg") repeat-x scroll 0 0 transparent;width: 100%;height: 6px;}
.icon-page {background-image: url("../img/icons_page.png");padding-left: 15px;float: left;height: 34px;margin: 12px 0 0 0;width: 30px;}
#wrapcontent {margin-left: 202px;width: 84%;height: auto;position: relative;min-height: 500px;}
.wrap {float: left;width: 100%;padding-bottom: 40px;}
div#toolbar-box {margin-bottom: 5px;}
div#toolbar-box,div#element-box div.section-box {background: none repeat scroll 0 0 #FBFBFB;}
div#toolbar-box div.top-box,div#element-box div.section-box div.top-box{background: url("../img/j_border.png") repeat-x scroll 0 0 transparent;}
div.top-box,div.bottom-box {height: 6px;margin: 0;overflow: hidden;padding: 0;}
div#toolbar-box div.top-box div.top-box,div#element-box div.section-box div.top-box div.top-box{background: url("../img/j_crn_tr_med.png") no-repeat scroll 100% 0 transparent;}
div#toolbar-box div.top-box div.top-box div.top-box,div#element-box div.section-box div.top-box div.top-box div.top-box{background: url("../img/j_crn_tl_med.png") no-repeat scroll 0 0 transparent;}
div.m-box {border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 0 8px;}
div#toolbar-box div.bottom-box,div#element-box div.section-box div.bottom-box{background: url("../img/j_border.png") repeat-x scroll 0 100% transparent;}
div#toolbar-box div.bottom-box div.bottom-box,div#element-box div.section-box div.b div.bottom-box{background: url("../img/j_crn_br_med.png") no-repeat scroll 100% 0 transparent;}
div#toolbar-box div.bottom-box div.bottom-box div.bottom-box,div#element-box div.section-box div.bottom-box div.bottom-box div.bottom-box{background: url("../img/j_crn_bl_med.png") no-repeat scroll 0 0 transparent;}
.title {margin-top: 15px;}
.title-home {background-position: -137px -5px;}
.title h2 {font-size: 23px;line-height: 42px;padding: 9px 15px 4px 0;}
.title-about {background-position: -550px -5px;}
.title-users {background-position: -600px -5px;}
.title-news {background-position: -304px -5px;}
.title div.h2 {font-size: 23px;line-height: 29px;padding: 15px 15px 4px 0;}
#wrapcontent div.toolbar-button {float: right;line-height: 15px;margin-right: 10px;padding-top: 5px;text-align: center;}
#wrapcontent .add-new-h2 {border: 0 none;font-family: sans-serif;font-size: 12px;margin-left: 4px;padding: 3px 8px;position: relative;top: -3px;}
ul.tab {float: left;font-size: 12px;list-style: none outside none;margin: 8px 0 5px;padding: 0;white-space: nowrap;}
ul.tab li {display: inline;}
#wrapcontent p.search-box {float: right;}
#wrapcontent input.text_box {vertical-align: middle;}
.row-func {clear: both;margin-right: 250px;}
.number-items {float: right;}
.alignleft {float: left;}
.gridview {border-spacing: 0;clear: both;margin: 0;width: 100%;background-color: #F9F9F9;border: 1px solid #DFDFDF;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);min-height: 40px;border-collapse: separate;}
.gridview * {word-wrap: break-word;}
.gridview td.first img.avatar {float: left;margin-right: 10px;margin-top: 1px;margin-bottom: 8px;padding: 3px;border: 2px solid #c0c0c0;}
.gridview th,.gridview td {font-weight: normal;border-bottom-color: #DFDFDF;border-top-color: #FFFFFF;border-style: solid;border-width: 1px 0;}
.gridview th {font-size: 14px;line-height: 1.3em;padding: 7px 7px 8px;text-align: left;font-family: "Times New Roman";}
.gridview th.check-column {padding: 9px 0;width: 2.2em;}
.gridview th input {margin: 0 0 0 8px;padding: 0;vertical-align: text-top;}
.gridview td {font-size: 12px;padding: 4px 7px 2px;vertical-align: top;}
.gridview thead,.gridview tfoot {background: url("../img/bg_thead.jpg") repeat-x scroll 0 0 #d7d7d7;}
.gridview tr:hover .row-actions {visibility: visible;}
.gridview .row-actions {padding: 2px 0 0;visibility: hidden;}
.gridview .delete-item {color: red;}
.gridview th select {margin-bottom: 0px;width: 125px;}
.dialog {display: none;}
label {vertical-align: middle;padding-right: 20px;}
form, table.info {border-collapse: collapse;font-size: 9pt;margin-bottom: -8px;width: 100%;}
form dt, form label, table.info th {color: #222222;text-shadow: 0 1px 0 #FFFFFF;}
form dt, table.info th {padding: 5px;text-align: left;vertical-align: top;}
form dt, table.info th {float: left;clear: left;display: block;}
form dd, table.info td {float: left;padding: 6px 0 0;}
table.info td label {padding: 10px;margin-bottom: 5px;}
table.info td.row-last {text-align: center;width: 65%;}
#buttons-element {float: left;padding-top: 10px;margin-left: 30%;}
.form-center {float: left;margin-left: 10%;width: 80%;background-color: #Fff;border: 1px solid #E3E3E3;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;margin-bottom: 20px;min-height: 20px;padding: 10px;}
form dl {height: 0px;margin: 0px;}
form dt#id-label,form dd#id-element,from input[type='hiden'] {height: 0px;margin: 0px;padding: 0px;line-height: 0px;}
.errors {color: #FF3333;font-style: italic;font-size: 0.9em;}
.imageurl {width: 17.5em !important;margin-right: 6px;}
.images-upload {position: absolute;right: 15%;top: 100px;border: 2px dotted #ccc;padding: 5px;}
[class^="cus-"],[class*=" cus-"] {margin-right: 10px;}
.dropdown-menu {min-width: auto !important;min-width: -moz-max-content !important;}
.dis-margin {margin-bottom: 0 !important;}
.total-items {line-height: 30px;font-weight: bold;color: #0065cc}
/*---------------------------------dialog-------------------------------------------------*/
.ui-widget-overlay {background: none !important;background-color: #000000 !important;}
.ui-dialog .ui-dialog-content img {float: left;margin: 8px;}
.ui-dialog .ui-dialog-content p {float: right;margin: 25px 8px;}
.ui-dialog {position: fixed !important;}
.modal-header {background: url("../img/bg_title.png") repeat-x transparent;border: 1px solid #006395;border-radius: 6px 6px 0 0; color: #fff;}
/*---------------------------------footer paging-------------------------------------------------*/
.gridview .container {clear: both;text-decoration: none;}
* html .gridview .container {display: inline-block;}
.container .pagination {display: table;padding: 0;margin: 0 auto;}
.gridview tfoot td,.gridview tfoot th {text-align: center;}
.pagination label {margin-top: 5px;}
/* -- buttons -> STILL NEED CLEANUP*/
.button1,.button1 div {height: 1%;float: right;}
.button2-left,.button2-right,.button2-left div,.button2-right div {float: left;}
.button1 {background: url(../images/j_button1_left.png) no-repeat;white-space: nowrap;padding-left: 10px;margin-left: 5px;}
.button1 .next {background: url(../images/j_button1_next.png) 100% 0 no-repeat;}
.button1 a {display: block;height: 26px;float: left;line-height: 26px;font-size: 12px;font-weight: bold;color: #333;cursor: pointer;padding: 0 30px 0 6px;}
.button1 a:hover {text-decoration: none;color: #0B55C4;}
.button2-left a,.button2-right a,.button2-left span,.button2-right span{display: block;height: 22px;float: left;line-height: 22px;font-size: 11px;color: #333;cursor: pointer;}
.button2-left span,.button2-right span {cursor: default;color: #999;}
.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span,.button2-left .blank a,.button2-right .blank a,.button2-left .blank span,.button2-right .blank span{padding: 0 6px;}
.page span,.blank span {color: #000;font-weight: bold;}
.button2-left a:hover,.button2-right a:hover {text-decoration: none;color: #0B55C4;}
.button2-left a,.button2-left span {padding: 1px 24px 0 6px;}
.button2-right a,.button2-right span {padding: 1px 6px 0 24px;}
.button2-left {background: url(../img/paging/j_button2_left.png) no-repeat;float: left;margin-left: 5px;}
.button2-right {background: url(../img/paging/j_button2_right.png) 100% 0 no-repeat;float: left;margin-left: 5px;}
.button2-right .prev {background: url(../img/paging/j_button2_prev.png) no-repeat;}
.button2-right.off .prev {background: url(../img/paging/j_button2_prev_off.png) no-repeat;}
.button2-right .start {background: url(../img/paging/j_button2_first.png) no-repeat;}
.button2-right.off .start {background: url(../img/paging/j_button2_first_off.png) no-repeat;}
.button2-left .page,.button2-left .blank {background: url(../img/paging/j_button2_right_cap.png) 100% 0 no-repeat;}
.button2-left .next {background: url(../img/paging/j_button2_next.png) 100% 0 no-repeat;}
.button2-left.off .next {background: url(../img/paging/j_button2_next_off.png) 100% 0 no-repeat;}
.button2-left .end {background: url(../img/paging/j_button2_last.png) 100% 0 no-repeat;}
.button2-left.off .end {background: url(../img/paging/j_button2_last_off.png) 100% 0 no-repeat;}
.button2-left .image {background: url(../img/paging/j_button2_image.png) 100% 0 no-repeat;}
.button2-left .readmore {background: url(../img/paging/j_button2_readmore.png) 100% 0 no-repeat;}
.button2-left .pagebreak {background: url(../img/paging/j_button2_pagebreak.png) 100% 0 no-repeat;}
.button2-left .blank {background: url(../img/paging/j_button2_blank.png) 100% 0 no-repeat;}
/*---------------------------------end footer paging-----------------------------------------------*/
/*---------------------------------user style------------------------------------------------------*/
/*--------- adminform ---------------------*/
#adminfieldset {margin: 10px 0 20px;padding: 20px 5px;width: 98%;border: 1px solid #CCCCCC;}
#adminfieldset .adminheader {background: #FFF;margin: -40px 0 0 3px;padding: 10px 20px;position: absolute;color: #011FFD;font-weight: bold;}
#adminfieldset #row { padding: 2px;min-height: 24px;}
#adminfieldset #row .label {background-color: #f6f6f6;color: #323232;font-weight: bold;width: 155px;padding: 5px;margin: 0 4px;float: left;text-align: right;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}
#adminfieldset #row .title {font-weight: bold;color: #FF0000;}
#adminfieldset #row .input {background-color: #FFFFFF;margin-left: 170px;padding: 5px 5px;border-left: solid 1px #e9e9e9;color: #323232;height: 17px;}
form dt label, table.info th label {font-weight: bold;background-color: #f6f6f6;color: #323232;font-weight: bold;width: 155px;padding: 10px;margin-bottom: 5px;float: left;text-align: right;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;border-radius: 3px 3px 3px 3px;}
.description,.hint {color: #3399FF;font-weight: lighter;font-style: italic;}
.moneyamount {color: #FFFF99;}
/*---------------------------------end user style-----------------------------------------------*/
.dialog_table th {font-size: 0.9em;font-style: italic;color: gray;padding: 5px !important;}
.dialog_table td {font-size: 1em;font-weight: bold;color: #49AFCD;padding: 5px !important;}
.navbar-inner {padding: 20px;}
[class ^="icon-"],[class *=" icon-"] {vertical-align: text-bottom;}
.span-page {padding: 0px !important;background: transparent !important;padding: 0px;margin-top: 2px;margin-left: 1px;}